<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
			<title>Insert title here</title>
			<style type="text/css">
				div{
					width:100%;
					height:100px;
					text-align:center;
					background-color:rgb(214,191,199);
					}
				#img{
					background-image:url('images/wtw.jpg');
					width:100%;
					height:750px;
					}
				.login{
       			 	text-align: center;
        			margin: 0 auto;
        			width: 600px;
        			height: 520px;
        			background-color: rgba(87, 86, 86, 0.2);
        			border-radius: 25px;
        			box-shadow: 5px 2px 35px -7px #ff9a9e;
    				}
			</style>
	</head>
	<body>

		<div id="img"><div><div class="login"> <br>
		<br>
		<br>
		<br>
		<h1>登录页面</h1>
		<br>
		<form action="login.do"method="get">
				<!-- name="username":给这个标签起一个别称，一般在逻辑中通过别称获取这个元素 -->
				用户名:<input type="text" name="username"><br>
				<br>
				密&nbsp;&nbsp;&nbsp;码:<input type="password" name="password"><br>
				<br>
				<br>
		<button type="submit">登录</button>
		
	
		</form></div>
</div></div>
	</body>
</html>